@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:14px;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#2f2771;}
ul,li,dt,dd,dl{list-style-type:none; padding:0; margin:0;}
.left{float: left;}
.right{float: right;}
.clear{ clear: both;}
table  {  border-collapse:collapse;  }
.topwap{display: none;}
.top{ width: 1600px; margin: 0 auto;height: 90px;}
.top-logo{ float: left; padding-top: 20px;}
.top-logo img{max-width: 266px; max-height: 51px;}
.top-nav{float: right; padding-top: 40px;}
.top-nav li{float: left; margin-left: 40px; line-height: 18px;}
.top-nav li a.ys{ font-size: 18px; font-weight: bold; color: #2f2771;border-bottom: solid 5px #d02020; height: 45px; display: block;}
.bottom{background: #333; margin-top: 50px;}
.bottom-1{ width: 1600px;margin: 0 auto; height: 90px; border-bottom: solid 1px #484848;}
.bottom-1 dt{float: left; padding-top: 26px;}
.bottom-1 dt .footlogo{width: 200px; height: 38px;}
.bottom-1 dd{float: right;}
.bottom-1 dd a{ color: #fff; margin-left: 40px; line-height: 90px;}
.bottom-2{ width: 1600px; margin: 0 auto; overflow: hidden;}
.bottom-2 dl{width: 50%; float: left;overflow: hidden;}
.bottom-2 dd{font-size: 18px; color: #fff; padding-top: 50px; width: 600px;}
.bottom-2 dd span{ display: block; width: 300px;font-size: 14px; height: 40px; line-height: 40px; float: left;}
.bottom-2 dd b{ display: block; font-weight: normal; padding-bottom: 10px;}
.bottom-2 dd span img{ margin-right: 10px;}
.bottom-2 dt{ margin:40px 40px 0 0px; float: left;}
.bottom-2 dt img{max-width: 134px; max-height: 136px;}
.bottom-2 dd img{width: 18px; height: 18px;}
.bottom-bq{ height: 90px; line-height: 90px; color: #fff; background: #232323;}
.bottom-bq span{ width: 1600px; margin: 0 auto; display: block;}
.banner img{ width: 100%;}
.index{background: url(../images/index-bj.gif); margin-top: 50px;}
.bottom-fchou{display:none;}
@media screen and (max-width: 480px) {.index{ margin-top:0;}}
.index-bj{background: url(../images/index-bj2.gif); margin-top: 50px;}
@media screen and (max-width: 480px) {.index-bj{ margin-top:0;}}
.index-1{ width: 1600px; margin: 0 auto; overflow: hidden;}
.index-left{ margin-top: 60px;}
.index-left img{max-width: 100%;}
.index-right{ width: 800px;}
.index-right dt{ color: #26227d; font-size: 24px;margin-top: 50px;}
.index-right dt span{display: block; color: #666;}
.index-right dt b{ font-size: 36px; color: #333;}
.index-right dd{line-height: 30px;margin-top: 30px;}
.index-right dd span{display: block; padding-top: 30px; overflow: hidden;}
@media screen and (max-width: 480px){.index-right dd span{background-color:#fff;}}
.index-right dd span a{ width: 190px; height: 69px; display: block;float: left; padding-left: 80px; line-height: 69px; font-size: 20px; }
.index-right dd span a.index-ys{background: url(../images/index-tu1.jpg) no-repeat;}
.index-right dd span a:hover.index-ys{background: url(../images/index-tu2.jpg) no-repeat;}
.index-right dd span a.index-ys2{background: url(../images/index-tu3.jpg) no-repeat;}
.index-right dd span a:hover.index-ys2{background: url(../images/index-tu4.jpg) no-repeat;}


.about{ width: 1600px; margin: 0 auto; height: 57px; border-bottom: 1px #eee solid; line-height: 57px;}
.about span{float: left; margin-right: 5px; color: #999;}
.about a.ys{ color: #999;}
.about a{/* float: left; */ margin-right: 5px;}
.about2{ width: 1600px;margin: 0 auto; overflow: hidden;}
.about2-left{width: 25%;float: left;}
.about2-left li{height: 54px; line-height: 54px; border-bottom: solid 1px #eee;}
.about2-left li a{ background: url(../images/about-bj2.jpg) no-repeat center right; display: block;}
.about2-left li a:hover{background: url(../images/about-bj3.jpg) no-repeat center right; color: #26227d; font-weight: bold;}
.about2-right{width:73%; float: right; line-height: 36px;}

.about2-right2{width:73%; float: right; text-align: center;}
.about2-right2 ul{overflow: hidden;}
.about2-right2 li{float: left; margin-left:1%; margin-top: 40px; width: 30%; background: #f1f1f1;}
.about2-right2 li img{display: block; max-width:100%; max-height:100%; margin: 0; padding: 0;}
.about2-right2 li span{display: block; width: 100%; text-align: center; line-height: 36px;}

.about2-right3{width:73%; float: right;}
.about2-right3 dl{overflow: hidden;}
.about2-right3 dt{height: 88px;line-height: 88px; color: #26227d; font-size: 30px; clear: both;}
.about2-right3 dd{width: 30%; text-align: center;background: #f1f1f1; color: #26227d; padding-bottom: 5px; float: left; margin-right: 3%; margin-bottom: 20px;}

.about2-right3 dd img{max-width:100%; max-height:100%;}
.about2-right3 dd span{display:block; width:100%; height:48px; line-height:24px; overflow: hidden;}


.about2-right4{width:73%; float: right;}
.about2-right4 dl{ background: url(../images/honor-tu.jpg) no-repeat right; margin-top: 30px; height: auto; overflow: hidden;}
.about2-right4 dt{ width: 980px; line-height: 30px;}
.about2-right4 dt span{ font-size: 24px; display: block; color: #26227d; padding-bottom: 20px;}
.about2-right4 dd{ width: 300px; float: left; background: #f1f1f1; text-align: center; line-height: 26px; padding-bottom: 10px; margin-top: 20px; margin-right: 30px;}
.about2-right5{width:73%; float: right;}
.about2-right5 ul{overflow: hidden;}
.about2-right5 li{ width: 300px; float: left; background: #f1f1f1; text-align: center; line-height: 26px; padding-bottom: 10px; margin-top: 30px; margin-right: 30px;}

.product{ width: 1600px; margin: 0 auto;}
.product-1 dt{padding-top: 40px; padding-bottom: 20px;}
.product-1 dt span{ font-size: 30px; color: #26227d; }
.product-1 dd{ line-height: 30px; margin-bottom: 20px;}
.product-2{ height: 330px; background: url(../images/product-bj.jpg) repeat-x; padding-top: 30px;}
.product-2 dl{overflow:hidden;}
.product-2 dt{ font-size: 16px; width: 24px;float: left; margin: 0 3%; text-align: center; line-height: 18px;}
.product-2 dt b{font-size: 26px;line-height: 24px;}

.product-2 dd{float: left; width:30%;}
.product-2 dd img{width: 80%; max-width:100%; float:left; margin-right: 20px;}
.product-2 dd b{ display: block; float: left;width: 20px; text-align: center;font-size: 18px; line-height: 20px;}
.product-2{display:none;}

.product-6{display:block; padding: 10px;}
.product-6 dl{border:1px solid #ddd; margin-bottom: 10px;} 
.product-6 dt{padding: 5px; background-color: #eee; font-weight:bold; border-bottom: 1px solid #ddd;}
.product-6 dd{width:100%; overflow:hidden;}
.product-6 dd span{width:30%; padding:1%; float:left; text-align:center;}
.product-6 dd span a{display:block; height: auto}
.product-6 dd span img{max-width:100%; max-height:100%;}



.product-3 dt{padding-bottom: 20px;}
.product-3 dt span{ font-size: 30px; color: #26227d; }
.product-4 dt{padding-top: 40px; color: #999;}
.product-4 dt span{ font-size: 18px; color: #26227d; }
.product-4 dd{ margin-top: 20px;}
.product-4 dd td{ border: solid 1px #eee; text-align: center; line-height: 36px;}
.product-4 dd td b{ display: block; background: #eee; line-height: 40px;font-size: 16px;}
.product-5{display:none;}
.field{ background: url(../images/field-tu.jpg) no-repeat 70px 0px; height: 830px;padding-left: 310px;}
.field dl{/*width: 620px;*/width: 50%;float: left;margin-top: 60px;overflow: hidden;}
.field dt{float:left;}
.field dt img{width: 283px; height: 208px;}
.field dd{float:left;font-size: 18px; line-height: 36px; padding: 20px 0 0 30px;}

.field dd span{font-size: 30px; display: block;margin-bottom: 20px; background: url(../images/field-bj.jpg) no-repeat left center; padding-left: 20px;}
.field dd i{font-size: 30px; display: block;margin-bottom: 20px; background: url(../images/field-bj.jpg) no-repeat left center; padding-left: 20px; font-style: normal; margin-top: 40px;}
.field dd b{font-size: 30px; display: block;margin-bottom: 20px; color: #999; padding-top: 40px;font-weight: normal;}
.field dd label{ color: #999;}

.news dl{margin-top: 40px; border-bottom: solid 1px #eee; overflow: hidden; padding: 10px 0;}
.news dt{ width:25%; float: left;}
.news dt img{width:341px; height:243px;}
.news dd{ width: 65%; float:right;line-height: 34px;}
.news dd span{display: block; color: #999;line-height: 60px;}
.news dd b{font-size: 18px; display: block; font-weight: normal; padding-bottom: 10px;}
.news dd a{ background: #d02020; width: 142px; height: 41px; display: block; text-align: center; color: #fff; line-height: 41px;margin-top: 10px;}
.news-1{text-align: center;padding-top: 50px;}
.news-1 a{ border: solid 1px #eee; padding: 10px 20px; margin-right: 10px;}
.news-1 a:hover{ background: #26227d; color: #fff;border: solid 1px #26227d;}
.news-2 dt{text-align: center; border-bottom: 1px #eee solid; color: #999; padding-bottom: 20px;}
.news-2 dt span{display: block;font-size: 30px; color: #333; padding: 40px 0 10px 0}
.news-2 dd{ line-height: 36px; padding-top: 30px;}
.news-2 dd img{display: block;margin: 10px auto;}

.product .credit{display: block;}
.product .creditwap{display: none;}
.credit dt{ font-size: 30px;font-weight: bold; color: #26227d;margin-top: 40px;margin-bottom: 20px;}
.credit dd{height: 50px; line-height: 50px; overflow:hidden;}
.credit dd span{ display: block; float: left; color: #26227d;}
.credit dd b{font-weight: normal;float: left;}
.credit dd i{font-style: normal;float: left;}

.credit dd span{width:15%;}
.credit dd b,
.credit dd i{width:30%;}

.credit-ys{background: #f1f1f1;}

.contact{float: left;margin-top: 20px;}
.contact-2{float:left;margin-top: 37px; width: 490px; background: url(../images/contact-tu2.jpg ) repeat-x;}
.contact-3{ height: 65px; line-height: 65px;font-size: 18px; color: #26227d;margin-bottom: 40px;}
.contact-3 span{margin-right: 80px;}
.contact-4 dt b{display: block; font-size: 30px; color: #26227d;}
.contact-4 dd {margin-top: 20px; overflow: hidden;}
.contact-4 dd img{float: left;}
.contact-4 dd span{float: left;width: 360px;margin-left: 20px;margin-top: 10px;}
.contact-4 dd span b{font-weight: normal; display: block;height: 30px;}
.contact-4 dd span b img{margin-right: 10px;}

@media screen and (max-width: 480px){
    .product-2 dt b{font-size:0.6rem;}
    .product-2 dd b{font-size: 0.6rem;}
}

@media screen and (max-width: 1600px) {

    .top,
    .bottom-1,
    .bottom-2,
    .bottom-bq span,
    .index-1,    
    .about,
    .about2,
    .product{ width: auto;}
    .top{padding:0 10px;}
    .index,.index-bj{width: auto;/* padding: 0 10px;*/}
    .index .index-left{width: 40%;}
    .index .index-right{width: 58%;}
    .index-bj {background: url(../images/index-bj2.gif) right top;}
    .index-bj .index-left{width: 40%;}
    .index-bj .index-right{width: 58%;}
    .index-right{width: auto;}
    .bottom,.bottom-bq{padding: 0 10px;}
    .bottom-2 dd{width: auto;}
    .bottom-2 dd span{width: auto;    display: block;    float: none;}
    
    .index .index-right dl,
    .index-bj .index-right dl{ padding: 0 10px;}

}
@media screen and (max-width: 480px){.index-bj .index-left{margin-top:0;}}
@media screen and (max-width: 960px) {
    .top-nav li{margin-left: 15px;}
    .bottom-1 dd a{margin-left: 15px;}
    .bottom-2 dl{width: 100%; float: none;}
}
@media screen and (max-width: 768px) {
    .top-logo img {width: 30vw;}
    .top-nav li{margin-left: 8px;}
    .product-4{display:none;}
    .product-5{display:block;}
    .product-5 h3{color: #26227d;}
    .product-5 h3 span{color:#666;font-weight: normal;}
    .product-5 dl{border:1px solid #ddd; margin-bottom: 10px;} 
    .product-5 dt{padding: 5px; background-color: #eee; font-weight:bold; border-bottom: 1px solid #ddd;}
    .product-5 dd{position:relative;overflow: hidden; border-bottom: 1px solid #ddd;}
    .product-5 dd strong,
    .product-5 dd span{display:block; float:left; width:32%; text-align:center; font-weight:normal; border-right: 1px solid #ddd; padding: 5px 0;}
    .product-5 dd.hed strong,
    .product-5 dd.hed span{ font-weight:bold; border-right: 1px solid #ddd;}
    /*.product-5 dd.hed span,*/
    .product-5 dd span:last-child{border-right:none;} 
    .product-5 dd:last-child{border-bottom:none;}
    .product-5 dl.dlb dd strong,
    .product-5 dl.dlb dd span{ width:49%;}

    /*.product-2{display:none;}
    .product-6{display:block;}
    .product-6 dl{border:1px solid #ddd; margin-bottom: 10px;} 
    .product-6 dt{padding: 5px; background-color: #eee; font-weight:bold; border-bottom: 1px solid #ddd;}
    .product-6 dd{width:100%; overflow:hidden;}
    .product-6 dd span{width:30%; padding:1%; float:left; text-align:center;}
    .product-6 dd span a{display:block; height: 100px}
    .product-6 dd span img{max-width:100%; max-height:100%;}*/
    .product-6{padding: 0;}
    .product-6 dd span a{height: 100px}
      
    
    .bottom-bq{padding-bottom:50px;}
    .bottom-fchou{display:block; width:100%; height:45px; line-height:45px; background-color:#fff; position:fixed; left:0; bottom:0;}
    .bottom-fchou ul{overflow:hidden;} 
    .bottom-fchou ul li{width:25%; float:left; text-align:center;}
    .bottom-fchou ul li a{color:#333;}
    .bottom-fchou ul li a:hover{background-color:#f10; color:#fff;}
    /* 厂区环境 */
    .about2-left{width: auto; float: none; padding: 0 10px;}
    .about2-right{width: auto; float: none; padding: 0 10px;}
    .about2-right img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
    .about2-right2{width: auto; float: none; padding:10px;}
    .about2-right2 li{width: 48%; margin: 0 1%;}
    .about2-right2 li img{display: block; width: 100%;}
    .about2-right3{width: auto; float: none; padding: 0 10px;}
    .about2-right3 dd{width: 100%; float: none; margin:0 0 1rem;}    
    .about2-right3 dd img{display: block; width: 100%;}
    .about2-right4{width: auto; float: none;}
    .about2-right4 dl{margin-bottom:20px;}
    .about2-right4 dd{width:31%; margin: 0 1%;}
    .about2-right4 dd img{max-width:95%;height: auto;}
    .about2-right5{width: auto; float: none; padding: 0 10px;}
    .about2-right5 li{width: 48%; margin: 0 1%;}
    .about2-right5 li img{display: block; width: 100%;}
    .product{padding: 0 10px;}
    .field{background: none; padding-left: 0; height: auto;}
    .field dl{width: 100%; float: none;}
    /*.field dt img{width: 40vw; height: auto;}*/
    .news dt{width: 50%;}
    .news dt img{width: 40vw; height: auto;}
    .news dd{width: 50%;}
    .news dd span:nth-child(1){display: none;}
    .product .credit{display: none;}
    .product .creditwap{display: block; padding: 10px 0;}
    .product .creditwap h5{border-bottom: 1px solid #eee; margin: 0; padding: 10px; font-size: 1rem;}
    .product .creditwap ul{border: 1px solid #eee; margin-bottom: 1rem;}
    .product .creditwap ul li{overflow: hidden; position: relative;border-bottom: 1px solid #eee; padding: 5px 0; margin: 0 5px;}
    .product .creditwap ul li:last-child{border:none;}
    .product .creditwap ul li strong{display: inline-block; width: 18%; padding-right: 1%; text-align: left; vertical-align: top;}
    .product .creditwap ul li span{display: inline-block; width: 80%;color: #666;vertical-align: top;}

    .contact{display: none;}
    .contact-2{width: 100%; float: none; padding-left: 0; overflow: hidden;}
    .contact-4 dl dt{text-align:center;}
    .contact-4 dd>img{width: 30%; height: auto;}
    .contact-4 dd span{width:70%; margin:0; position:relative;}
    .contact-4 dd span b{height:auto; position:relative; padding-left: 22px; margin-bottom:10px;}
    .contact-4 dd span b img {margin-right:0; position: absolute; left: 0; top: 0;}
    
    .news dd smal{display:none;}
    .news dd a{width:auto; height:auto; line-height:normal; padding:5px; margin-top:0;}
    .contact-2{background:none;}
    .contact-3{height:auto; line-height:normal;background-color: #26227d; color: #fff; padding: 10px; font-size: 1rem; margin-bottom:0;}
    .contact-3 span{display:block; margin:0;}
    .contact-4{padding:10px 0;}
    .contact-4 dt b{font-size: 1.6rem;}

    .about2-right4 dt{width:auto; padding:10px;}


    .field dt{width:100%; float:none;text-align: center;}
    .field dt img{max-width:100%; max-height:100%;}
    .field dd{width:90%; padding:0; float:none; margin: 0 auto;}  
    .bottom{margin-top:0;}
    .bottom-2 dl{padding: 1rem 0;}
    .bottom-2 dt{width:30%; margin:0px;}  
    .bottom-2 dd{width:70%; padding-top:0px;}  
    .bottom-2 dd span{height:auto; line-height:normal; margin-bottom: 5px;}
    .bottom-2 dd span img{vertical-align: middle;}
}
@media screen and (max-width: 640px) {
    .about{padding: 0 10px;overflow: hidden;}
    .top{display: none;}
    body{padding-top: 40px;}
    .topwap{display: block; height: 40px; padding: 10px 0; position: relative; position: fixed; left: 0; top: 0; z-index: 998; width: 100%; background-color: #fff; overflow:hidden;}
    .topwap .topwap-logo{ width: 100%; height: 100%;}
    .topwap .topwap-logo img{max-height:95%; padding-left: 10px;}
    .topwap-nav{position: absolute; right:7px; top:9px;}
    .topwap-nav img{width: 40px; height: 100%; cursor: pointer;}

    .topwap-ul{position: fixed; right:-50%; top:60px; display: none; width: 50%; height:calc( 100% - 60px); background-color: #fff; z-index: 999;}
    .topwap-ul li{width: 100%; height: 32px; line-height: 32px; border-bottom: 1px solid #f2f2f2; text-indent: 20px;}

    .bottom-1 dt{text-align: center; float: none;}
    .bottom-1 dd{display: none;}
    .bottom-2 dt img{width: 20vw; height: 20vw;}
    
    .index .index-left{float: none; width: 100%;}
    .index .index-right{float:none; width: 100%;}
    .index .index-right dd{padding-bottom: 10px;}
    .index .index-right dd span{padding-bottom: 20px;}
    .index .index-right dd span a{width: 30%; position: relative; left: 20px;}

    .index-bj .index-left{float: none; width: 100%;}
    .index-bj .index-right{float:none; width: 100%;}
    .index-bj .index-right dd{padding-bottom: 10px;}
    .index-bj .index-right dd span{padding-bottom: 20px;}
    .index-bj .index-right dd span a{width: 30%; position: relative; left: 20px;}
    .bottom-bq{line-height: normal; height: auto; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem;}
    
    /* 一行一张图文
    .product-2{height:auto; background: none;}
    .product-2 dt{float:none; display:none;}
    .product-2 dd{float:none; width:75%; overflow: hidden; margin: 0 auto;}
    .product-2 dd img{width:auto; max-width: 85%;}*/
    .product-2{height:auto; background: none;}
    .product-2 dd{width:28%;}
    .product-2 dd img {width: 68%; margin-right:0;}
    
    
}
@media screen and (max-width: 540px) {

}
@media screen and (max-width: 460px) {

}
@media screen and (max-width: 320px) {

}